// 胜负彩，任选9样式

@import '../theme';

.sfc-container{
  .desc-bar{
    font-size: @font-size3;
    color:@color-font-gray2;
    background: @color-back-gray2;
  }

  .content-wrap{
    .list-box{
      padding: @space-normal;
      border-bottom: 1px solid @border-color-base;
      display: flex;
      align-items: center;
      .item-left{
        font-size: @font-size2;
        color: @color-font-gray2;
        padding-right: @space-normal;
        text-align: center;
      }
      .item-right{
        flex-grow: 1;
        display: flex;
        align-items: stretch;
        .right-box{
          flex-basis: 33.3%;
          padding: @space-normal 0;
          border:1px solid @border-color-base;
          text-align: center;
          display: flex;
          flex-direction: column;
          justify-content: center;
          >p:first-of-type{
            font-size: @font-size5;
            color: @color-font-black;
          }
          >p:last-of-type{
            font-size: @font-size2;
            color: @color-font-gray;
          }
        }
        .right-box.checked{
          background:linear-gradient(to right,@color-back-orange,@color-back-red) !important; 
          color: white;
          >p:first-of-type{
           color: white;
          }
          >p:last-of-type{
            color: white;
          }
        }
      }
    }
  }
}


.sfc-submit-container{
  .list-box{
    background: #f5f5f5;
    .item-right{
      background: white;
    }
  }
}